<template>
	<view class="home">
		<swiper  class="swiper" indicator-dots="true" autoplay="true" circular="true" >
			<swiper-item>
				<image src="../../static/demo10.png" mode=""></image>
			</swiper-item>
			<swiper-item>
				<image src="../../static/demo11.png" mode=""></image>
			</swiper-item>
			<swiper-item>
				<image src="../../static/demo12.png" mode=""></image>
			</swiper-item>
		</swiper>
		<view class="item1">
			<view class="item1" @click="demo1">了解我</view>
			<view class="item1" @click="demo1">联系我</view>
			<view class="item1" @click="demo1">帮助我</view>
		</view>
		<view class="item">
			<view class="a1">尝试的的技术栈：</view>
			<view class="a2">
				   <br>
				        <a  class="item4">Python</a>
						<a  class="item4">C/C++</a>
						<a  class="item4">Mysql</a>
				        <a  class="item4">HTML & CSS</a>
				        <a  class="item4">JavaScript</a>
				        <a  class="item4">Java</a>
				        <a  class="item4">OpenCV</a>
				        <a  class="item4">微信小程序</a>
				        <a  class="item4">Django开发</a>
						<a  class="item4">Linux/VMware虚拟机</a>
				        <a  class="item4">MATLAB</a>
				        <a  class="item4">TensorFlow</a>
				        <a  class="item4">Pytorch</a>
						<a  class="item4">uniapp/H5开发</a>
						<a  class="item4">Android开发(Android Studio)</a>
						<a  class="item4">Harmony开发(DevEco Studio)</a>
						
			</view>
			
		</view>
		
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		onLoad() {

		},
		methods: {
               demo1(){
				  
				   uni.navigateTo({
				   		url:'/pages/demo1/demo1'
				   })
				}
		} 
	}
</script>

<style>
	image{
		width:100%;
	}
	.item1{
		/* display: inline;
		font-size:70rpx;
		margin: 5rpx;
		border: 2rpx solid red; */
		display:flex;
			
		flex-direction: row;
		justify-content: center;
		margin: 20rpx 30rpx;
		font-size:50rpx;
	
	}
	.a1{
		text-align: center;
		margin-top: 20rpx;
	}
	.item4{
		height: 40px; 
	    text-decoration: none;
		display: flex; 
		flex-direction: row; 
		justify-content: center;
	}
	

</style>
